<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			{{msg}}
		</div>
		<script src="./node_modules/vue/dist/vue.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			
			let app=new Vue({
				el:"#app",
				data:{
					msg:"hello  vue"
				},
				beforeCreate:function(){
					console.log('beforeCreate')
				},
				created:function(){
					console.log('created')
				},
				beforeMount:function(){
					console.log('beforeMount')
				},
				mounted:function(){
					console.log('mounted')
				},
				beforeUpdate:function(){
					console.log('beforeUpdate')
				},
				updated:function(){
					console.log('updated')
				},
				beforeDestroy:function(){
					console.log('beforeDestroy')
				},
				destroyed:function(){
					console.log('destroyed')
				}
				
				
			})
		</script>
		
	</body>
</html>
